<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="inp1" placeholder="年(1000-3000)">
    <input type="text" id="inp2" placeholder="月">
    <input type="text" id="inp3" placeholder="日期">
    <button id="btn">计算</button>

    <script>

        // 思路
        //  判断日期是否合法
        //   先判断年  1000-3000 整数
        //   再判断月  1-12 整数
        //   再日期    1-maxDay 整数
        //              只要写出maxDay的值就好了   maxDay跟月份有关系

        // 注意 if嵌套
        //  年ok才判断月，月ok才判断日期






        var oYear = document.getElementById('inp1') ;
        var oMonth = document.getElementById('inp2') ;
        var oDay = document.getElementById('inp3') ;
        var oBtn = document.getElementById('btn') ;

        oBtn.onclick = function() {
            // 拿到年月日
            var y = oYear.value * 1 ;
            var m = oMonth.value * 1;
            var d = oDay.value * 1 ;

            // 天数的计算跟月份有关系

            // 求和
            var sum = 0 ; 
            // var cj = 1 ;  // 求乘积
            // var str = '' ;   //  字符串拼接


            // 先把二月的天数算出来
            var erDay = 28 ;
            if(y % 4 === 0 && y % 100 !== 0 || y % 400 === 0) {
                erDay = 29 ;
            }

            // if(m === 1) {
            //     sum += d ;
            // }
            // else if(m === 2) {
            //     sum += 31 + d ;
            // }
            // else if(m === 3) {
            //     sum += 31 + erDay + d ;
            // }
            // else if(m === 4) {
            //     sum += 31 + erDay + 31 + d ;
            // }
            // else if(m === 5) {
            //     sum += 31 + erDay + 31 + 30 + d ;
            // }
            // else if(m === 6) {
            //     sum += 31 + erDay + 31 + 30 + 31 + d ;
            // }
            // else if(m === 7) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + d ;
            // }
            // else if(m === 8) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + 31 + d ;
            // }
            // else if(m === 9) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + d ;
            // }
            // else if(m === 10) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + d ;
            // }
            // else if(m === 11) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + 31 + d ;
            // }
            // else if(m === 12) {
            //     sum += 31 + erDay + 31 + 30 + 31 + 30 + 31 + 31 + 30 + 31 + 30 + d ;
            // }
            // alert(sum) ;



            switch(m) {
                case 12 : sum += 30 ;
                // case 12 : {sum += 30 ;}
                case 11 : {sum += 31 ;}
                case 10 : {sum += 30 ;}
                case 9 : {sum += 31 ;}
                case 8 : {sum += 31 ;}
                case 7 : {sum += 30 ;}
                case 6 : {sum += 31 ;}
                case 5 : {sum += 30 ;}
                case 4 : {sum += 31 ;}
                case 3 : {sum += erDay ;}
                case 2 : {sum += 31 ;}
                case 1 : {sum += d ;} 
            }

            alert(sum);




        }
    </script>

    
</body>
</html>